<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>异步通信</title>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <!--引入Axios.js-->
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<!--
    异步请求的几种方式：
        1）Ajax：听说频繁的操作DOM 页面会卡
        2）Axios：不会频繁的操作DOM，因为他是虚拟DOM，在内存中进行。并且Vue推荐使用~~！！！
-->
<div id="app">

</div>
</body>
<script>
  var vm = new Vue({
    el: "#app",
    // 钩子函数 链式编程 ES6新特性
    mounted() {
      //          请求URL         返回的结果    赋值变量或操作
      axios.get("data.json").then(response => console.log(response.data)) // 控制台已经输出
    }
  })
</script>
</html>